<template>
    <div class="calendar">
        <h1>日历</h1>
        <div class="block">
            <el-date-picker
              v-model="value1"
              type="daterange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </div>
  
    </div>
  </template>
  
  <script>
  export default {
    name: 'Calendar',
    data(){
        return{
            value1:""
        }
    }
    
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped lang="scss">
  
  </style>
  